<script setup lang="ts">
import { TITLE } from "@/utils/constants";

</script>

<template>
  <div class="header">
    <div class="title">
      {{ TITLE }}
    </div>

  </div>
</template>

<style lang="scss">
@use "../styles/global.scss" as *;

.header{
    $headerBgColor: #000;

    @extend %flex-hv-center;
    justify-content: space-evenly;
    flex-direction: row;
    width: auto;
    height: $headerHeight;
    background-color: $headerBgColor;

    .title{
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
}
</style>